<template>
  	<div class="loading">
		<img src="./loading.gif" width="24" height="24" alt="loading" />
		<p class="desc">{{title}}</p>
	</div>
</template>

<script>
	export default {
		name: 'Loading',
		data() {
			return {
				title: '正在载入...'
			}
		}
	}
</script>

<style lang="stylus" scoped>
	@import '../../common/stylus/variable'
	
	.loading
		width: 100%
		text-align: center
		.desc
			line-height: 20px
			font-size: $font-size-small
			color: $color-text-l
</style>